img:hover{
    opacity: .8;
}
.tl1{
    width:100%;
    height:330px;
    margin-top:20px;
}
.tl1-nav{
    width:100%;
    height:42px;
}
.tl1-nav span{
    width:140px;
    height:42px;
    line-height:42px;
    text-align:center;
    float:left;
    display:inline-block;
    border-radius:15px 15px 0 0;
    background:#f2f2f2;
    box-shadow: 0 -2px 10px 1px rgb(204 204 204 / 50%);
    position:relative;
    margin-bottom: -2px;
    font-size:18px;
    cursor: pointer;
}
.tl1-nav span.curr{
    background:#fff;
    z-index:1;
}
.tl1-con{
    width:100%;
    height:288px;
    overflow:hidden;
    background:#fff;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:0 15px 15px 15px;
}
.tl1-con-li{
    width:1220px!important;
    padding:10px;
    height:268px!important;
}
.tl1-con-li:nth-of-type(2){
    display:none;
}
.tl1-con-wz{
    width:100%;
    height:26px;
    margin-top:15px;
    overflow:hidden;
}
.tl1-con-wz span{
    width:70px;
    height:26px;
    line-height: 26px;
    color:#fff;
    border-radius:5px;
    text-align: center;
    float:left;
    margin-left:5px;
    display:inline-block;
    background-image: linear-gradient(0deg, #ffa200 0%, #ff4e00 100%);
}
.tl1-con-wz span.b{
    background-image: linear-gradient(0deg, #0469ff 0%, #278aff 100%);
}
.tl1-con-wz span.g{
    background-image: linear-gradient(0deg, #42bb48 0%, #76dd6a 100%);
}
.tl1-con-wz a{
    width:106px;
    height:26px;
    line-height: 26px;
    float:left;
    margin-left:8px;
    display:inline-block;
    background: #f2f2f2;
    border-radius:5px;
    text-align: center;
    overflow:hidden;
}
.tl1-con-tw{
    width:100%;
    height:100px;
    margin-top:30px;
    overflow:hidden;
}
.tl1-con-tw a{
    width:216px;
    height:100px;
    float:left;
    margin:0 14px;
    display: inline-block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.tl1-con-tw a img{
    width:100%;
    height:100%;
}
.tl1-con-tw a span{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    color:#fff;
    text-align: center;
    overflow: hidden;
}
.tl1-con-tw a:hover span{
    color:#f60;
}
.head-hot-game {
    width: 100%;
    padding-bottom: 15px;
    overflow: hidden;
    margin-top:30px;
}
.head-hot-game a {
    display: block;
    float: left;
    width: 80px;
    margin-left: 40px;
}
.head-hot-game a span{
    display: block;
    height: 30px;
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center !important;
}
.head-hot-game:first-child {
    margin-left: 0;
}
.head-type-game {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}
.head-type-game li {
    width: 49%;
    height: 24px;
    overflow: hidden;
    margin: 13px .5%;
}
.head-type-game span {
    display: inline-block;
    width: 48px;
    height: 24px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    margin-right: 12px;
    border-radius: 5px;
}
.head-type-game a {
    display: inline-block;
    margin: 0 6px;
}
.rm {
    background-image: linear-gradient(0deg,
    #ff0077 0%,
    #ff0000 100%);
}
.zx {
    background-image: linear-gradient(0deg,
    #ffa200 0%,
    #ff4e00 100%);
}
.tj {
    background-image: linear-gradient(0deg,
    #2189ff 0%,
    #0066ff 100%);
}
.qt {
    background-image: linear-gradient(0deg,
    #47d637 0%,
    #43b74c 100%);
}

.tl2{
    width:100%;
    height:620px;
    margin-top: 20px;
}
.tl2-l{
    width:370px;
    height:100%;
    background:#fff;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    float:left;
}
.tl2-l-flash{
    width:100%;
    height:460px;
    position: relative;
}
.tl2-l-flash .swiper-slide a img{
    width:370px;
    height:460px;
}
.tl2-l-flash .swiper-slide a:hover img{
    opacity:.8;
}
.tl2-l-flash .swiper-slide a span{
    width:350px;
    height:136px;
    line-height:46px;
    overflow:hidden;
    position:absolute;
    padding:0 10px;
    left:0;
    bottom:0;
    display:block;
    font-size:24px;
    color:#fff;
    text-align: center;
    background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.3) 0%,#000000 100%);
}
.tl2-l-flash .swiper-pagination {
    width:300px;
    height: 72px;
    position: absolute;
    left: 25px;
    bottom: 12px;
}
.tl2-l-flash .swiper-pagination span{
    width:58px;
    height:72px;
    float:left;
    margin-left:17px;
    display:inline-block;
    box-sizing:border-box;
    border-radius:4px;
    cursor:pointer;
}
.tl2-l-flash .swiper-pagination img{
    width:58px;
    height:72px;
    border-radius:4px;
}
.tl2-l-flash .swiper-pagination span.swiper-pagination-customs-active{
    border:#2189ff 2px solid;
    box-sizing:border-box;
}
.tl2-l-flash .swiper-pagination span.swiper-pagination-customs-active img{
    width:54px;
    height:68px;
    border-radius:0;
}
.tl2-l-bjtj{
    width:100%;
    margin-top:10px;
    padding: 0 10px;
    box-sizing: border-box;
}
.comtit{
    width:100%;
    height:24px;
    line-height:24px;
    font-size:20px;
    font-weight: bold;
    color:#0f75fe;
}
.comtit.r{
    color:#333;
}
.comtit:before{
    content: '';
    width:8px;
    height:24px;
    background-image: linear-gradient(0deg, #2189ff 0%, #0066ff 100%);
    border-radius: 3px;
    float:left;
    margin-right:10px;
}
.comtit.r:before{
    background-image: linear-gradient(0deg, #ff9c01 0%, #ff5903 100%);
}
.comtit em.lmyx{
    width:137px;
    height:32px;
    background:url(../images/lmhyxlogo.png) no-repeat;
    display: inline-block;
}
.comtit em.dzpt{
    width:120px;
    height:33px;
    background:url(../images/yxdzptlogo.png) no-repeat;
    display: inline-block;
}
.comtit a{
    float:right;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
}
.comtit i{
    float:right;
    margin-left:10px;
    display: inline-block;
}
.comtit i a{
    width:58px;
    height:20px;
    line-height:20px;
    border: #ccc 1px solid;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}
.bjtj-con{
    width:100%;
    margin-top: 15px;
}
.bjtj-con a{
    width:72px;
    height:102px;
    float:left;
    margin-left:16px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.bjtj-con a:first-child{
    margin-left:7px;
}
.bjtj-con a img{
    width:72px;
    height:72px;
    border-radius: 20%;
}
.bjtj-con a span{
    width:100%;
    height:30px;
    line-height: 30px;
    font-size:12px;
    display: inline-block;
    text-align: center;
}
.tl2-c{
    width:520px;
    height:100%;
    background:#fff;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    float:left;
    margin-left:25px;
    display: inline-block;
}
.tl2-c a{
    color:#666;
}
.tl2-c a:hover{
    color:#f60;
}
.tl2-c-hot{
    width: 100%;
    height: 70px;
    overflow: hidden;
}
.tl2-c-hot > a{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 18px;
    color:#fe0000;
}
.tl2-c-hot > a:hover{
    color:#f60;
}
.tl2-c-hot p{
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    color: #666;
}
.tl2-c-hot p i{
    margin:0 5px;
}
.tl2-c-tj{
    width:100%;
    height:48px;
    line-height: 48px;
    background: url(../images/index-newstjbg.png) no-repeat;
    margin-top:14px;
    font-size: 20px;
}
.tl2-c-tj:before{
    content: '推荐';
    width: 42px;
    height: 24px;
    line-height: 24px;
    background-image: linear-gradient(0deg, #2189ff 0%, #0066ff 100%);
    border-radius: 5px;
    color:#fff;
    float:left;
    margin:12px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}
.tl2-c-list{
    width: 100%;
    margin-top: 14px;
    padding: 0 12px;
    box-sizing: border-box;
}
.tl2-c-list li{
    width: 100%;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}
.tl2-c-list li em {
    width: 40px;
    color: #a5b3c4;
    float: left;
}
.tl2-c-list li a {
    width: 400px;
    height: 32px;
    overflow: hidden;
    float: left;
    display: block;
}
.tl2-c-list li span {
    width: 50px;
    float: right;
    text-align: right;
    color: #999;
}
.tl2-r{
    width:300px;
    height:100%;
    background:#fff;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    float:right;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl2-r-con{
    width:260px;
    margin:10px auto 0;
}
.tl2-r-con a{
    width:100%;
    height:170px;
    margin-top:12px;
    display: inline-block;
}
.tl2-r-con a img{
    width:100%;
    height:130px;
    border-radius: 8px;
}
.tl2-r-con a span{
    width:100%;
    height:32px;
    line-height:16px;
    margin-top:8px;
    overflow: hidden;
    display: inline-block;
}
.tl3{
    width:100%;
    height:360px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl3-con{
    width:1188px;
    height:282px;
    margin:20px auto 0;
    position: relative;
}
.jjss-list {
    position: relative;
    width: 100%;
    height: 282px;
    overflow: hidden;
}
.jjss-list ul {
    position: relative;
    width: 10000px;
    height: 282px;
}
.jjss-list ul li {
    position: relative;
    float: left;
    width: 158px;
    height: 282px;
    padding-right: 48px;
}
.jjss-list ul li:before {
    position: absolute;
    z-index: 1;
    content: "";
    width: 15px;
    height: 15px;
    left: 70px;
    bottom: 0;
    background: url(../images/hui-quan.png);
}
.jjss-list ul li:hover:before {
    background: url(../images/lan-quan.png);
}
.jjss-list ul li a {
    display: block;
    height: 100%;
    width: 100%;
}
.jjss-list ul li a img {
    width: 100%;
    height: 210px;
    border-radius: 8px;
    display: block;
}
.jjss-list ul li a span {
    overflow: hidden;
    width: 100%;
    display: block;
    text-align: center;
    color: #404040;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}
.jjss-list ul li a p {
    width: 100%;
    text-align: center;
    height: 12px;
    line-height: 12px;
    display: block;
    color: #cccccc;
    font-size: 14px;
}
.jjss-list ul li:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 7px;
    width: 100%;
    height: 1px;
    background: #ededed;
}
.jjss-prev-btn {
    width: 36px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 80px;
    background: url(../images/prevnicon.png) no-repeat ;
    cursor: pointer;
    display: none;
}
.jjss-next-btn {
    width: 36px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 80px;
    background: url(../images/nextnicon.png) no-repeat;
    cursor: pointer;
    display: none;
}
.jjss-prev-btn:hover {
    background: url(../images/prevhicon.png) no-repeat;
}
.jjss-next-btn:hover {
    background: url(../images/nexthicon.png) no-repeat;
}
.tl3-con:hover .jjss-prev-btn,.tl3-con:hover .jjss-next-btn {
    display: block;
}

.tl4{
    width:100%;
    height:240px;
    background: #e6e6e6;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl4-con{
    width:1200px;
    height:160px;
    margin:20px auto 0;
}
.tl4-con a.fhyxIndexSpikeLi {
    overflow: hidden;
    float: left;
    width: 180px;
    height: 160px;
    background-color: #f5f5f5;
    box-shadow: 0px 3px 6px 0px rgb(106 106 106 / 16%);
    border-radius: 20px;
    margin-left: 24px;
    position: relative;
}
.tl4-con a.fhyxIndexSpikeLi:nth-child(1) {
    margin-left: 0;
}
.tl4-con a.fhyxIndexSpikeLi .img {transition: all .4s ease;float: left;width: 100%;height: 84px;border-radius: 20px 20px 0px 0px;}
.tl4-con a.fhyxIndexSpikeLi .title {float: left;width: 162px;height: 19px;line-height: 19px;text-align: left;font-size: 14px;color: #333333;margin: 8px 0 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tl4-con a.fhyxIndexSpikeLi .steamPrice {float: left;width: 162px;height: 17px;line-height: 17px;text-align: left;font-size: 12px;color: #b5b5b5;margin: 2px 0 0 8px;}
.tl4-con a.fhyxIndexSpikeLi .steamPrice em {text-decoration: line-through;}
.tl4-con a.fhyxIndexSpikeLi .iscoupon {
    float: left;
    width: 30px;
    height: 20px;
    background-color: #ff6200;
    border-radius: 6px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    margin-left: 8px;
    margin-top: 5px;
}
.tl4-con a.fhyxIndexSpikeLi .price {float: left;width: auto;height: 20px;line-height: 20px;text-align: left;margin: 4px 0 0 8px;font-size: 12px;color: #ff6200;font-weight: bold;}
.tl4-con a.fhyxIndexSpikeLi .price em {font-size: 18px;font-weight: bold;}
.tl4-con a.fhyxIndexSpikeLi:hover .img{transform: scale(1.2);}
.tl4-con a.fhyxIndexSpikeLi:hover .title{color: #F8532D;}
.fhyxIndexPlat{position: absolute;bottom: 7px;right:5px;background-image: url("//static.fhyx.com/images/application/pc/common/fhyx_plat_logo.png");}
.fhyxIndexPlat.hk_microsoft_l {width: 24px;height: 24px;background-position: -114px -9px;}
.fhyxIndexPlat.hk_alipan_l {width: 73px;height: 19px;background-position: -266px -51px;}
.fhyxIndexPlat.hk_origin_l {width: 71px;height: 23px;background-position: -268px -92px;}
.fhyxIndexPlat.hk_steam_l {width: 70px;height: 21px;background-position: -268px -130px;}
.fhyxIndexPlat.hk_uplay_l {width: 68px;height: 21px;background-position: -268px -169px;}
.fhyxIndexPlat.hk_Rockstar_l {width: 26px;height: 22px;background-position: -289px -206px;}
.fhyxIndexPlat.hk_battle_l {width: 30px;height: 30px;background-position: -660px -48px;}
.fhyxIndexPlat.hk_epic_l {width: 28px;height: 32px;background-position: -662px -82px;}
.fhyxIndexPlat.hk_GOG_l {width: 29px;height: 29px;background-position: -661px -121px;}
.fhyxIndexPlat.hk_ps4_l {width: 31px;height: 24px;background-position: -658px -164px;}
.fhyxIndexPlat.hk_xbox_l {width: 25px;height: 25px;background-position: -661px -204px;}
.fhyxIndexPlat.hk_SWITCH_l {width: 72px;height: 15px;background-position: -639px -248px;}
.fhyxIndexPlat.hk_fhyxbox_l {width: 72px;height: 20px;background-position: -638px -286px;}
.fhyxIndexPlat.hk_MOJANG_l {width: 75px;height: 12px;background-position: -637px -330px;}
.fhyxIndexPlat.hk_pcgame_l {width: 66px;height: 16px;background-position: -642px -368px;}
.fhyxIndexPlat.hk_Bethesda_l {width: 72px;height: 12px;background-position: -639px -410px;}
.fhyxIndexPlat.hk_Battlestate_l {width: 57px;height: 30px;background-position: -647px -441px;}
.fhyxIndexPlat.hk_Online_l {width: 56px;height: 12px;background-position: -647px -500px;}
.fhyxIndexPlat.hk_ps5_l {width: 73px;height: 16px;background-position: -639px -537px;}
.fhyxIndexPlat.hk_XBOXONE_l {width: 94px;height: 19px;background-position: -663px -577px;}
.fhyxIndexPlat.hk_XboxSeries_l {width: 111px;height: 13px;background-position: -675px -624px;}
.fhyxIndexPlat.hk_cubejoy_l {width: 54px;height: 20px;background-position: -647px -656px;}
.fhyxIndexPlat.hk_baidupan_l {width: 72px;height: 16px;background-position: -639px -695px;}
.fhyxIndexPlat.hk_wy_l {width: 62px;height: 21px;background-position: -644px -736px;}
.fhyxIndexPlat.hk_leigod_l {width: 26px;height: 26px;background-position: -984px -44px;}
.fhyxIndexPlat.hk_xunyou_l {width: 25px;height: 25px;background-position: -984px -99px;}
.fhyxIndexPlat.hk_paopaospeed_l {width: 28px;height: 25px;background-position: -984px -150px;}
.fhyxIndexPlat.hk_ios_l {width: 20px;height: 23px;background-position: -989px -204px;}
.fhyxIndexPlat.hk_Android_l {width: 24px;height: 26px;background-position: -989px -251px;}
.fhyxIndexPlat.hk_gamepp_l {width: 30px;height: 30px;background-position: -986px -308px;}
.fhyxIndexPlat.hk_myth_l {width: 87px;height: 28px;background-position: -812px -378px;}
.fhyxIndexPlat.hk_TALKI_l {width: 40px;height: 28px;background-position: -981px -438px;}

.tl5{
    width:100%;
    height:480px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl5-l{
    width:760px;
    height: 100%;
    float:left;
}
.tl5-l-con{
    width:740px;
    height:426px;
    margin:0 auto;
    position: relative;
}
.djgame-list{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.djgame-list ul {
    position: relative;
    width: 10000px;
    height:426px;
}
.djgame-list li{
    width:145px;
    height:100%;
    float:left;
    margin-right:20px;
    display: inline-block;
}
.djgame-list li a{
    width:100%;
    height:193px;
    margin-top:20px;
    display: inline-block;
    position: relative;
}
.djgame-list li a span{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.djgame-list li a:hover span{
    color:#f60;
}
.djgame-prev-btn {
    width: 36px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 190px;
    background: url(../images/prevnicon.png) no-repeat ;
    cursor: pointer;
    display: none;
}
.djgame-next-btn {
    width: 36px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 190px;
    background: url(../images/nextnicon.png) no-repeat;
    cursor: pointer;
    display: none;
}
.djgame-prev-btn:hover {
    background: url(../images/prevhicon.png) no-repeat;
}
.djgame-next-btn:hover {
    background: url(../images/nexthicon.png) no-repeat;
}
.tl5-l-con:hover .djgame-prev-btn,.tl5-l-con:hover .djgame-next-btn {
    display: block;
}
.tl5-r{
    width:430px;
    height: 100%;
    float:right;
}
.tl5-r-lmyx{
    width:408px;
    height:200px;
    margin:20px auto 0;
}
.tl5-r-lmyx li{
    width:100%;
    height:54px;
    margin-top:10px;
}
.tl5-r-lmyx li a.pic{
    width:108px;
    height:100%;
    float:left;
}
.tl5-r-lmyx li a.tit{
    width:200px;
    height:100%;
    line-height:27px;
    float:left;
    margin-left:15px;
    display: inline-block;
}
.tl5-r-lmyx li a.btn{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    float:right;
    margin-top:12px;
    display: inline-block;
    background: #1476ff;
    border-radius: 6px;
    color:#fff;
}
.tl5-r-lmyx li a.btn:hover{
    color:#f60;
}
.tl5-r-dzpt{
    width:406px;
    height:160px;
    margin: 20px auto 0;
    position: relative;
}
.dzpt-list{
    width:100%;
    height:100%;
    overflow: hidden;
}
.dzpt-list ul{
    width:10000px;
    height:160px;
    position: relative;
}
.dzpt-list ul li{
    width:120px;
    height:100%;
    float:left;
    margin-right:23px;
    display: inline-block;
}
.tl5-r-dzpt ul li a{
    width:120px;
    height:100%;
}
.dzpt-prev-btn {
    width: 36px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 50px;
    background: url(../images/prevnicon.png) no-repeat ;
    cursor: pointer;
    display: none;
}
.dzpt-next-btn {
    width: 36px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 50px;
    background: url(../images/nextnicon.png) no-repeat;
    cursor: pointer;
    display: none;
}
.dzpt-prev-btn:hover {
    background: url(../images/prevhicon.png) no-repeat;
}
.dzpt-next-btn:hover {
    background: url(../images/nexthicon.png) no-repeat;
}
.tl5-r-dzpt:hover .dzpt-prev-btn,.tl5-r-dzpt:hover .dzpt-next-btn {
    display: block;
}

.tl6{
    width:100%;
    height:450px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl6-l{
    width:760px;
    height:100%;
    float:left;
}
.tl6-l-nav{
    width:730px;
    height:60px;
    margin: 30px auto 0;
}
.tl6-l-nav span{
    width:158px;
    height:68px;
    float:left;
    margin-right:32px;
    display: inline-block;
    cursor: pointer;
}
.tl6-l-nav span:last-child{
    margin-right: 0;
}
.tl6-l-nav span img{
    width:150px;
    height:60px;
    padding:4px;
    border-radius:14px;
}
.tl6-l-nav span.curr{
    width:158px;
    height:76px;
    background: url(../images/jqdznavbg.png) no-repeat;
}
.tl6-l-con{
    width:730px;
    height:240px;
    margin: 55px auto 0;
}
.tl6-l-con-li:nth-of-type(n+2){
    display: none;
}
.jqdz-pic{
    width:143px;
    height:100%;
    float:left;
}
.jqdz-pic img{
    width: 100%;
    height: 190px;
    border-radius: 10px;
    box-shadow: 0 0 10px 5px rgb(204 204 204 / 50%);
}
.jqdz-pic a + a{
    width:98px;
    height:28px;
    line-height: 28px;
    text-align: center;
    border: #1476ff 1px solid;
    border-radius: 8px;
    margin-top:20px;
    margin-left:21px;
    color:#1476ff;
    display: inline-block;
}
.jqdz-pic a + a:hover{
    color:#fff;
    background:#1476ff;
}
.jqdz-con{
    width:560px;
    height:100%;
    float:right;
    color:#666;
}
.jqdz-con-tit{
    width:100%;
    height:40px;
    line-height:40px;
    overflow: hidden;
}
.jqdz-con-tit a{
    font-size: 20px;
    font-weight: bold;
}
.jqdz-con-hot{
    width:100%;
    height:24px;
    line-height:24px;
    overflow: hidden;
    margin-top:15px;
}
.jqdz-con-hot span{
    float: left;
}
.jqdz-con-hot a{
    padding: 0 8px;
    margin-right:10px;
    height:24px;
    float:left;
    line-height:24px;
    background: #1476ff;
    border-radius: 12px;
    color:#fff;
}
.jqdz-con-hot a:hover{
    color:#f60;
}
.jqdz-con-dec{
    width:100%;
    height:64px;
    line-height: 32px;
    overflow: hidden;
    margin-top:10px;
}
.jqdz-con-dec span{
    width:48%;
    height:32px;
    float:left;
    margin-right:2%;
}
.jqdz-con-tag{
    width:100%;
    height:24px;
    line-height:24px;
    overflow: hidden;
    margin-top:10px;
}
.jqdz-con-tag span{
    float: left;
}
.jqdz-con-tag a{
    padding: 0 8px;
    margin-right:10px;
    height:22px;
    float:left;
    line-height:22px;
    border: #666 1px solid;
    border-radius: 12px;
    color:#666;
}
.jqdz-con-tag a:hover{
    color:#f60;
}

.tl6-r{
    width:430px;
    height:100%;
    float:right;
}
.tl6-r-con{
    width:340px;
    height:170px;
    margin:25px auto 0;
    position: relative;
}
.tl6-r-one{
    width:100%;
    height:100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.tl6-r-one img{
    width: 100%;
    height: 100%;
}
.tl6-r-one span{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
}
.tl6-r-btn{
    width:140px;
    height:170px;
    padding:0 100px;
    position: absolute;
    left:0;
    top:0;
    background:rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    display: none;
}
.tl6-r-btn a{
    width:138px;
    height:28px;
    line-height:28px;
    border: #fff 1px solid;
    border-radius: 19px;
    display: inline-block;
    color:#fff;
    margin:20px auto 0;
    text-align: center;
    text-indent: 35px;
}
.tl6-r-btn a:hover{
    color:#f60;
}
.tl6-r-btn a.map{
    background: url(../images/mapicon.png) no-repeat 40px;
}
.tl6-r-btn a.emu{
    background: url(../images/emuicon.png) no-repeat 20px;
}
.tl6-r-btn a.nlz{
    background: url(../images/nlzicon.png) no-repeat 35px;
}
.tl6-r-btn a.bke{
    background: url(../images/bkeicon.png) no-repeat 35px;
}

.tl7{
    width:100%;
    height:230px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl7-con{
    width:1210px;
    height:150px;
    margin:26px auto 0;
}
.index-card-zeno{
    width: 222px;
    height: 140px;
    overflow: hidden;
    float: left;
    margin:0 10px;
    display: inline-block;
}
.index-card-zeno .card-zeno-top{
    overflow: hidden;
}
.index-card-zeno .card-zeno-top-left{
    float: left;
    margin-right: 10px;
}
.index-card-zeno .card-zeno-top-left img{
    width: 100px;
    height: 100px;
    border-radius: 14px;
}
.index-card-zeno .card-zeno-top-right{
    float: left;
    width: 112px;
    overflow: hidden;
}
.index-card-zeno .card-zeno-top-right .card-zeno-title{
    width: 112px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
}
.index-card-zeno .card-zeno-top-right .card-zeno-icon{
    overflow: hidden;
    margin-top: 10px;
}
.index-card-zeno .card-zeno-top-right .card-zeno-info{
    color: #666;
    margin-top: 20px;
    width: 100%;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}
.index-card-zeno .card-zeno-top-right .card-icon-android{
    width: 18px;
    height: 20px;
    background: url(../images/androidC.png) no-repeat;
    background-size: 18px 20px;
    display: block;
    float: left;
    margin-right: 9px;
}
.index-card-zeno .card-zeno-top-right .card-icon-ios{
    width: 16px;
    height: 20px;
    background: url(../images/iosC.png) no-repeat;
    background-size: 16px 20px;
    display: block;
    float: left;
}
.index-card-zeno .card-zeno-bottom{
    margin-top: 8px;
}
.index-card-zeno .card-zeno-bottom .gift-num-container{
    position: relative;
    float: left;
    margin-right: 15px;
    margin-top: 7px;
}
.index-card-zeno .card-zeno-bottom .gift-num-container div{
    display: inline-block;
    width: 142px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
}
.index-card-zeno .card-zeno-bottom .gift-num-container div i {
    display: inline-block;
    font-size: 0;
    height: 18px;
    border-radius: 10px;
    width: 60%;
    background-color: #6CC966;
}
.index-card-zeno .card-zeno-bottom .gift-num-container span {
    float: left;
    position: absolute;
    left: 50px;
    color: #333;
    line-height: 20px;
}
.index-card-zeno .card-zeno-bottom .card-tomark{
    float: left;
}
.index-card-zeno .card-zeno-bottom .card-tomark a{
    width: 48px;
    height: 28px;
    border: 1px solid #2189ff;
    border-radius: 8px;
    color: #2189ff;
    line-height: 30px;
    text-align: center;
    display: block;
}
.index-card-zeno .card-zeno-bottom .card-tomark a:hover{
    background-color:#2189ff;
    color: #fff;
}

.tl8{
    width:100%;
    height:490px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl8-con{
    width:1200px;
    height:406px;
    margin:20px auto 0;
}
.tl8-con-nav{
    width:100%;
    height:40px;
}
.tl8-con-nav span{
    width:138px;
    height:38px;
    line-height:38px;
    border: #1476ff 1px solid;
    border-radius: 10px;
    color:#1476ff;
    font-size: 18px;
    text-align: center;
    float:left;
    margin-right:20px;
    display:inline-block;
    cursor: pointer;
}
.tl8-con-nav span.curr{
    width:140px;
    height:47px;
    border: 0;
    border-radius: initial;
    color:#fff;
    font-weight: bold;
    background: url(../images/rmsynavbg.png) no-repeat;
}
.tl8-con-con{
    width:100%;
    height:346px;
    margin-top:20px;
}
.tl8-con-con-li:nth-of-type(n+2){
    display: none;
}
.rmsy-l{
    width:430px;
    height:100%;
    float:left;
}
.rmsy-l-info{
    width:100%;
    height:220px;
}
.rmsy-l-info em{
    width:100%;
    height:30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}
.rmsy-l-info a{
    width:100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    float:left;
    display: inline-block;
}
.rmsy-l-info a:before{
    content: '';
    width:4px;
    height: 4px;
    background: #333;
    float:left;
    margin:13px 5px 13px 0;
    display: inline-block;
}
.rmsy-l-game{
    width:100%;
    height:106px;
    margin-top:20px;
}
.rmsy-l-game img{
    width:100px;
    height: 100px;
    border-radius: 20%;
    float:left;
}
.rmsy-l-game a{
    float:left;
}
.rmsy-l-game a + a{
    width:310px;
    height:32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
}
.rmsy-l-game p{
    width:310px;
    height:66px;
    line-height: 22px;
    overflow: hidden;
    margin-left: 20px;
    margin-top:2px;
    float:left;
    font-size: 12px;
}
.rmsy-r{
    width:355px;
    height:100%;
    float:left;
    margin-left:30px;
    display: inline-block;
}
.rmsy-r em{
    width:100%;
    height:30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
.rmsy-r a{
    width:170px;
    height:85px;
    float: left;
    margin-left:15px;
    margin-top:20px;
    display: inline-block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.rmsy-r a:nth-of-type(2n+1){
    margin-left: 0;
}
.rmsy-r a span{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
}
.rmsy-r a:hover span{
    color:#f60;
}

.tl9{
    width:100%;
    height:360px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl9-con{
    width:1210px;
    height: 296px;
    margin:10px auto 0;
}
.tl9-con a{
    width:100px;
    height:130px;
    float:left;
    margin:15px 10px 3px 11px;
    display: inline-block;
}
.tl9-con a img{
    width:100%;
    height:100px;
    border-radius: 20%;
}
.tl9-con a span{
    width:100%;
    height:20px;
    line-height:20px;
    overflow: hidden;
    margin-top: 10px;
    display: inline-block;
}

.tl10{
    width:100%;
    height:660px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 10px 5px rgb(204 204 204 / 50%);
    border-radius:15px;
    padding: 15px 11px;
    box-sizing: border-box;
}
.tl10-con{
    width:100%;
    height:580px;
    margin-top:20px;
}
.gamedown-top{
    width:375px;
    height:100%;
    float:left;
    margin-left:16px;
    display: inline-block;
}
.topone{
    width:100%;
    margin-top:24px;
    display:table;
}
.topone-info{
    width:100%;
    height:72px;
}
.topone-info em{
    width:24px;
    height:56px;
    line-height:56px;
    text-align:center;
    color:#fff;
    float:left;
    margin-top:8px;
    background:#2189ff;
    border-radius: 6px;
    display:inline-block;
}
.topone-info .gourl{
    width:72px;
    height:100%;
    float:left;
    margin-left:11px;
    display:inline-block;
}
.gamedown-top .topone-info .gourl{
    width:54px;
}
.pttop-one .topone-info .gourl img{
    width:100%;
    height:100%;
    border-radius: 16px;
}
.topone-info .gourl img{
    width:54px;
}
.gamedown-top .topone-info span{
    width:178px;
}
.topone-info span{
    width:160px;
    height:100%;
    float:left;
    margin-left:10px;
    display:inline-block;
}
.gamedown-top .topone-info span a{
    width:100%;
    height:26px;
    line-height:26px;
    margin-top: 0;
    display:inline-block;
    overflow:hidden;
    font-size:16px;
}
.topone-info span a{
    width:100%;
    height:30px;
    line-height:30px;
    margin-top:8px;
    display:inline-block;
    overflow:hidden;
    font-size:16px;
}
.gamedown-top .topone-info span p{
    width:100%;
    height:20px;
    line-height:20px;
    display:inline-block;
    overflow:hidden;
    color:#999;
    white-space: nowrap;
}
.topone-info span p{
    width:100%;
    height:20px;
    line-height:20px;
    display:inline-block;
    overflow:hidden;
    color:#999;
    white-space: nowrap;
}
.topone-info .godown{
    width:88px;
    height:36px;
    line-height:36px;
    border:#2189ff 1px solid;
    box-sizing:border-box;
    float:right;
    display:inline-block;
    text-align:center;
    color:#2189ff;
    border-radius: 8px;
    margin-top:18px;
}
.topone-info .godown:hover{
    background:#2189ff;
    color:#fff;
}
.topone-tit{
    width:100%;
    height:24px;
}
.topone-tit em{
    width:24px;
    height:100%;
    line-height:24px;
    text-align:center;
    color:#fff;
    float:left;
    background:#2189ff;
    border-radius: 4px;
    display:inline-block;
}
.topone-tit em.top1{
    background:#2189ff;
}
.topone-tit em.top2{
    background:#60aaff;
}
.topone-tit em.top3{
    background:#a7d0ff;
}
.topone-tit span{
    width:339px;
    height:100%;
    line-height:24px;
    color:#666;
    float:right;
    display:inline-block;
}
.hide{
    display:none;
}
.pttop-one{
    width:375px;
    height:100%;
    float:left;
    margin-left:30px;
    display:inline-block;
}
.pttop-one:first-child{
    margin-left:0;
}
.pttop-one-tit{
    width:100%;
    height:36px;
    line-height:36px;
    border-bottom:#2189ff 3px solid;
    font-size:18px;
    color:#2189ff;
}